/*
  按钮公共样式
     边框
     宽度
     圆角（css3）
     背景颜色

*/
.btn{
    border: 1px solid transparent;
    width: 80px;
    border-radius: 8px;
    background-color: #231f1f;
    color: white;
}

/*
  情景色
    success  danger warning info primary
*/

.btn.btn-success{
    background-color: #607c60;
}

.btn.btn-danger{
    background-color: #c05353;
}

.btn.btn-warning{
    background-color: #4e4e30;
}

/*
   1. 按钮紧挨到一起
   2. 只有最左侧和最右侧的部分保留圆角
*/
.btn-group .btn{
    display: inline-block;
    float: left;
    margin-left: -1px;
}

.btn-group .btn:not(:first-child):not(:last-child){
     border-radius: 0;
}

.btn-group .btn:first-child:not(:last-child){
    border-bottom-right-radius: 0 ;
    border-top-right-radius: 0;
}

.btn-group .btn:last-child:not(:first-child){
    border-bottom-left-radius: 0 ;
    border-top-left-radius: 0;
}